import styled from "styled-components";

export const MessageItemWrapper = styled.div`
  width: 100%;
  height: 70px;
  padding: 10px 0;
  margin-bottom: 5px;
  display: flex;
  img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .info {
    flex: 1;
    padding-left: 15px;
    .nickname {
      font-size: 16px;
      color: #000;
      font-weight: 550;
    }
    .info-content {
      font-size: 14px;
      color: #ccc;
    }
  }
  .time {
    width: 60px;
  }
`;
